function setOneMiddleChart() {
	var myChart = echarts.init(document.getElementById('Learning_Statistics_Chart'));
	myChart.setOption({
		title : {
			text : '',
			x : 'center',
		},
		legend : {
			icon : 'circle',
			orient : 'horizontal',
			borderRadius : [100, 50, 100, 50],
			weight : 30,
			itemWidth : 10,
			itemHeight : 10,
			itemGap : 20
		},
		tooltip : {
			trigger : 'item',
			formatter : function(data) {
				return "" + data.data.product + " <br/>" + data.data.name + ": " + data.data.value + " (" + data.percent + "%)";
			},
		},
		series : [{
			name : '访问来源',
			type : 'pie',
			selectedMode : 'single',
			radius : [0, '30%'],
			center : ['50%', '55%'],
			label : {
				normal : {
					position : 'inner'
				}
			},
			labelLine : {
				normal : {
					show : false
				}
			},
			data : [{
				value : 335,
				name : '资源',
				product : '人数',
				selected : true
			}, {
				value : 679,
				name : '活动',
				product : '人数'
			}]
		}, {
			name : '资源',
			type : 'pie',
			center : ['50%', '55%'],
			radius : ['40%', '55%'],
			label : {
				//				normal : {
				//					//							formatter : '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
				//					formatter : function(data) {
				//						return '{a|' + data.data.product + '}{abg|}\n{hr|}\n  {b|' + data.data.name + '：} {span|' + data.data.value + '}'
				//					},
				//					backgroundColor : '#eee',
				//					borderColor : '#aaa',
				//					borderWidth : 1,
				//					borderRadius : 4,
				//					rich : {
				//						a : {
				//							color : '#999',
				//							lineHeight : 16,
				//							align : 'center'
				//						},
				//						hr : {
				//							borderColor : '#aaa',
				//							width : '100%',
				//							borderWidth : 0.5,
				//							height : 0
				//						},
				//						b : {
				//							fontSize : 8,
				//							padding : [3, 2, 3, -6],
				//							lineHeight : 25
				//						},
				//						span : {
				//							padding : [3, 4, 5, -6]
				//						},
				//						per : {
				//							color : '#eee',
				//							backgroundColor : '#334455',
				//							padding : [1, 4],
				//							//									borderRadius : 2
				//						}
				//					}
				//				}
			},
			data : [{
				value : 335,
				name : '互动资源',
				product : '资源类'
			}, {
				value : 310,
				name : '视频',
				product : '资源类'
			}, {
				value : 234,
				name : '图文',
				product : '资源类'
			}, {
				value : 135,
				name : '文件',
				product : '资源类'
			}, {
				value : 1048,
				name : '文件夹',
				product : '资源类'
			}, {
				value : 251,
				name : '作业',
				product : '活动类'
			}, {
				value : 147,
				name : '测验',
				product : '活动类'
			}, {
				value : 102,
				name : '调查',
				product : '活动类'
			}]
		}]
	});
}

function setOneBottomChart() {
	var myChart = echarts.init(document.getElementById('Result_Statistics_Chart'));
	myChart.setOption({
		title : {
			text : '',
		},
		tooltip : {
			trigger : 'axis'
		},
		legend : {
			icon : 'circle',
			data : ['进度', '成绩']
		},
		grid : {

			//			height : 200
		},
		toolbox : {
			show : true,
		},
		calculable : true,
		xAxis : [{
			type : 'category',
			data : ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
		}],
		yAxis : [{
			type : 'value'
		}],
		series : [{
			name : '进度',
			type : 'bar',
			label : {
				normal : {
					show : true,
					position : 'top'
				}
			},
			data : [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
		}, {
			name : '成绩',
			type : 'bar',
			label : {
				normal : {
					show : true,
					position : 'top'
				}
			},
			data : [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
		}],
		dataZoom : [{
			type : 'slider',
			show : true,
			start : 1,
			end : 16,
			handleSize : 1
		}, {
			type : 'inside',
			start : 1,
			end : 16
		}, {
			type : 'slider',
			show : true,
			yAxisIndex : 0,
			filterMode : 'empty',
			width : 2,
			height : '70%',
			handleSize : 8,
			showDataShadow : false,
			left : '93%'
		}]
	});
}

function setTwoTopChart() {
	var colors = ['#5793f3', '#d14a61', '#675bba'];
	var myChart = echarts.init(document.getElementById('month_time_chart'));
	myChart.setOption({
		title : {
			text : '最近1个月在线学习时长',
			subtext : '单位:分钟'
		},
		color : colors,
		tooltip : {
			trigger : 'none',
			axisPointer : {
				type : 'cross'
			}
		},
		legend : {
			icon : 'circle',
			data : ['平均时长', '我的'],
			right : 0,
			top : '25'
		},
		grid : {
			top : 70,
			bottom : 50
		},
		xAxis : [{
			type : 'category',
			axisTick : {
				alignWithLabel : true
			},
			axisLine : {
				onZero : false,
				lineStyle : {
					color : colors[1]
				}
			},
			axisPointer : {
				label : {
					formatter : function(params) {
						return '平均学习时长  ' + params.value + (params.seriesData.length ? '：' + params.seriesData[0].data : '');
					}
				}
			},
			data : ["6-1", "6-2", "6-3", "6-4", "6-5", "6-6", "6-7", "6-8", "6-9", "6-10", "6-11", "6-12"]
		}, {
			type : 'category',
			axisTick : {
				alignWithLabel : true
			},
			axisLine : {
				onZero : false,
				lineStyle : {
					color : colors[0]
				}
			},
			axisPointer : {
				label : {
					formatter : function(params) {
						return '我的的学习时长' + params.value + (params.seriesData.length ? '：' + params.seriesData[0].data : '');
					}
				}
			},
			data : ["6-1", "6-2", "6-3", "6-4", "6-5", "6-6", "6-7", "6-8", "6-9", "6-10", "6-11", "6-12"]
		}],
		yAxis : [{
			show : false,
			type : 'value'
		}],
		series : [{
			name : '平均时长',
			type : 'line',
			xAxisIndex : 1,
			smooth : true,
			data : [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
		}, {
			name : '我的',
			type : 'line',
			smooth : true,
			data : [3.9, 5.9, 11.1, 18.7, 48.3, 69.2, 231.6, 46.6, 55.4, 18.4, 10.3, 0.7]
		}],
		dataZoom : [{
			type : 'slider',
			show : true,
			xAxisIndex : [0, 1],
			start : 1,
			end : 50
		}, {
			type : 'inside',
			xAxisIndex : [0, 1]
		}],
	});
}

function setTwoMiddleChart() {
	var myChart = echarts.init(document.getElementById('Learning_time_chart'));
	myChart.setOption({
		title : {
			text : '',
		},
		tooltip : {
			trigger : 'axis',
			axisPointer : {
				type : 'shadow'
			},
			formatter : "{a} <br/>{b} : {c}%"
		},
		legend : {
			data : ['2016年']
		},
		grid : {
			left : '2%',
			right : '2%',
			top : '0%',
			bottom : '0%',
			containLabel : true
		},
		xAxis : {
			show : false,
			type : 'value',
			boundaryGap : [0, 0.01],
			"axisLabel" : {
				"interval" : 0,
				formatter : '{value}%',
			}
		},
		yAxis : {
			type : 'category',
			axisLine : {
				show : false
			},
			axisTick : {
				show : false
			},
			data : ['8:00~12:00', '12:00~14:00', '14:00~19:00', '19:00~22:00']
		},
		series : [{
			name : '学习时长占比',
			type : 'bar',
			itemStyle : {
				normal : {
					color : new echarts.graphic.LinearGradient(0, 0, 1, 1, [{
						offset : 0,
						color : '#fff'
					}, {
						offset : 0.5,
						color : '#8DDAF6'
					}, {
						offset : 1,
						color : '#18b4ed'
					}])
				}
			},
			label : {
				normal : {
					show : true,
					position : 'right',
					formatter : function(param) {
						return param.value + '%';
					},
				}
			},

			data : [2.00, 3.00, 5.00, 9.0]
		}],
	});
}

function setAttendanceChart() {
	var myChart = echarts.init(document.getElementById('Attendance_Chart'));
	myChart.setOption({
		title : {
			text : '',
			x : 'center',
		},
		legend : {
			icon : 'circle',
			orient : 'horizontal',
			borderRadius : [100, 50, 100, 50],
			weight : 30,
			itemWidth : 10,
			itemHeight : 10,
			itemGap : 20
		},
		tooltip : {
			trigger : 'item',
			formatter : function(data) {
				return "" + data.data.name + " <br/>" + '人数' + ": " + data.data.value + " (" + data.percent + "%)";
			},
		},
		series : [{
			name : '访问来源',
			type : 'pie',
			selectedMode : 'single',
			radius : [0, '30%'],
			center : ['50%', '55%'],
			label : {
				normal : {
					position : 'inner'
				}
			},
			labelLine : {
				normal : {
					show : false
				}
			},
			data : [{
				value : 335,
				name : '出勤',
				selected : true
			}, {
				value : 679,
				name : '未出勤'
			}]
		}, {
			name : '资源',
			type : 'pie',
			center : ['50%', '55%'],
			radius : ['40%', '55%'],
			label : {
				//				normal : {
				//					//							formatter : '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
				//					formatter : function(data) {
				//						return '{a|' + data.data.type + '}{abg|}\n{hr|}\n  {b|' + data.data.name + '：} {span|' + data.data.value + '}'
				//					},
				//					backgroundColor : '#eee',
				//					borderColor : '#aaa',
				//					borderWidth : 1,
				//					borderRadius : 4,
				//					rich : {
				//						a : {
				//							color : '#999',
				//							lineHeight : 16,
				//							align : 'center'
				//						},
				//						hr : {
				//							borderColor : '#aaa',
				//							width : '100%',
				//							borderWidth : 0.5,
				//							height : 0
				//						},
				//						b : {
				//							fontSize : 8,
				//							padding : [3, 2, 3, -6],
				//							lineHeight : 25
				//						},
				//						span : {
				//							padding : [3, 4, 5, -6]
				//						},
				//						per : {
				//							color : '#eee',
				//							backgroundColor : '#334455',
				//							padding : [1, 4],
				//							//									borderRadius : 2
				//						}
				//					}
				//				}
			},
			data : [{
				value : 335,
				name : '已签到',
				type : '出勤'
			}, {
				value : 310,
				name : '迟到',
				type : '出勤'
			}, {
				value : 234,
				name : '早退',
				type : '出勤'
			}, {
				value : 135,
				name : '缺勤',
				type : '未出勤'
			}, {
				value : 1048,
				name : '病假',
				type : '未出勤'
			}, {
				value : 251,
				name : '事假',
				type : '未出勤'
			}]
		}]
	});
}

function setClassroomOneChart() {
	var myChart = echarts.init(document.getElementById('Classroom_OneChart'));
	myChart.setOption({
		title : {
			text : '(课堂活动参与情况)',
			textStyle : {
				fontSize : 14
			},
			bottom : 10,
			//					subtext : '课堂活动参与情况',
			left : 'center'
		},
		tooltip : {
			trigger : 'item',
			formatter : "{b} <br/>参与度 : {c} ({d}%)"
		},
		legend : {
			icon : 'circle',
			orient : 'horizontal',
			borderRadius : [100, 50, 100, 50],
			weight : 30,
			itemWidth : 10,
			itemHeight : 10,
			itemGap : 20,
			left : 'center',
			data : ['讨论', '互评', '调查', '投票']
		},
		series : [{
			type : 'pie',
			radius : '65%',
			center : ['50%', '45%'],
			selectedMode : 'single',
			data : [{
				value : 535,
				name : '投票'
			}, {
				value : 510,
				name : '调查'
			}, {
				value : 634,
				name : '互评'
			}, {
				value : 735,
				name : '讨论'
			}],
			itemStyle : {
				emphasis : {
					shadowBlur : 10,
					shadowOffsetX : 0,
					shadowColor : 'rgba(0, 0, 0, 0.5)'
				}
			}
		}]
	});
}

function setClassroomTwoChart() {
	var myChart = echarts.init(document.getElementById('Classroom_TwoChart'));
	var colorList = ['rgb(164,205,238)', 'rgb(42,170,227)', 'rgb(25,46,94)', 'rgb(195,229,235)'];
	myChart.setOption({
		title : {
			text : '(各类课堂活动活跃情况)',
			textStyle : {
				fontSize : 14
			},
			bottom : 10,

			left : 'center'
		},
		tooltip : {
			trigger : 'axis',
			axisPointer : {
				type : 'shadow'
			},
			formatter : "{a} <br/>{b} : {c}%"
		},
		grid : {
			left : '12%',
			right : '5%',
		},
		xAxis : {
			type : 'category',
			axisLine : {
				show : false
			},
			axisTick : {
				show : false
			},
			axisLabel : {
				interval : 0,//横轴信息全部显示
				//                       rotate:30,//-30度角倾斜显示
			},
			data : ['调查活跃度', '讨论活跃度', '投票活跃度', '互评活跃度']
		},
		yAxis : {
			name : '参与度百分百',

			type : 'value',
			show : true,
			axisLine : {
				show : false
			},
			axisTick : {
				show : false
			},
			splitLine : {
				show : true
			},
		},
		series : [{
			data : [60, 30, 50, 80],
			type : 'bar',
			
			label : {
				normal : {
					show : true,
					position : 'top',
					formatter : function(param) {
						return param.value + '%';
					},
				}
			},
			itemStyle : {
				normal : {
				  
					barBorderRadius : [30, 30, 0, 0],
					color : new echarts.graphic.LinearGradient(1, 0, 0.5, 1, [{
						offset : 0,
						color : '#B878FC'
					}, {
						offset : 0.5,
						color : '#3FA9F6'
					}, {
						offset : 1,
						color : '#38ACF6'
					}])
				}
			},
			//配置样式
			//设置柱子的宽度
			barWidth : "30%",
			barGap : "-10%",
		}]
	});
}

function setClassroomThreeChart() {
	var colors = ['#5793f3', '#d14a61', '#675bba'];
	var myChart = echarts.init(document.getElementById('Classroom_ThreeChart'));
	myChart.setOption({
		title : {
			text : '(各类课堂活动活跃情况)',
			textStyle : {
				fontSize : 14
			},
			bottom : 10,

			left : 'center'
		},
		tooltip : {
			trigger : 'axis'
		},

		legend : {
			icon : 'circle',
			itemWidth : 10,
			itemHeight : 10,

			data : ['平均参与度', '我的'],

		},

		calculable : true,

		xAxis : [{

			type : 'category',

			boundaryGap : false,

			data : ['6.1', '6.2', '6.3', '6.4', '6.5', '6.6', '6.7']

		}],

		yAxis : [{

			type : 'value'

		}],

		series : [{

			name : '平均参与度',

			type : 'line',

			smooth : true,

			itemStyle : {
				normal : {
					color : '#f2353d',
					areaStyle : {
						type : 'default'
					}
				}
			},

			data : [10, 12, 21, 54, 260, 830, 710]

		}, {

			name : '我的',

			type : 'line',

			smooth : true,

			itemStyle : {
				normal : {
					color : '#19b4ed',
					areaStyle : {
						type : 'default'
					}
				}
			},

			data : [30, 182, 434, 791, 390, 30, 10]

		}]
	});
}

function setLearningOneChart() {
	var myChart = echarts.init(document.getElementById('Learning_OneChart'));
	myChart.setOption({
		title : {
			text : '学习时长分析',
			subtext : '单位:分钟'
		},
		grid : {//绘图区调整
			//					y : 10, //上留白
			//					y2 : 10 //下留白
		},
		xAxis : {
			//					boundaryGap : false,
			axisPointer : {
				label : {
					formatter : function(params) {
						return params.seriesData[0].name + '日';
					}
				}
			},
			data : ['06-15', '06-16', '06-17', '06-18', '06-19', '06-20', '06-21']
		},
		yAxis : {
			axisLine : {
				show : false
			},
			axisTick : {
				show : false
			}

		},
		tooltip : {
			trigger : 'axis'
		},
		series : [{
			name : '时长',
			type : 'line',
			itemStyle : {
				normal : {
					color : 'rgba(30,202,204,1)'
				}
			},
			areaStyle : {
				normal : {
					color : 'rgba(30,202,204,0.9)'
				}
			},
			data : [22, 18, 19, 23, 90, 30, 31]
		}]
	});
}

function setLearningTwoChart() {
	var myChart = echarts.init(document.getElementById('Learning_TwoChart'));
	myChart.setOption({
		title : {
			text : '(学习时间分布)',

			textStyle : {
				fontSize : 14
			},
			bottom : 10,
			left : 'center'
		},

		tooltip : {
			trigger : 'item',
			formatter : "{a} <br/>{b}: {c} ({d}%)"
		},

		legend : {
			icon : 'circle',
			orient : 'horizontal',
			borderRadius : [100, 50, 100, 50],
			weight : 30,
			itemWidth : 10,
			itemHeight : 10,
			itemGap : 20,
			
			data : ['测验', '讨论', '调查', '作业', '评价', '互动资源', '图文', '视频', '文件', '文件夹']
		},
		series : [{
			name : '访问来源',
			type : 'pie',
			selectedMode : 'single',
			radius : [0, '30%'],
			center : ['50%', '55%'],
			label : {
				normal : {
					position : 'inner'
				}
			},
			labelLine : {
				normal : {
					show : false
				}
			},
			data : [{
				value : 335,
				name : '提交',
				selected : true
			}, {
				value : 679,
				name : '未提交'
			}]
		}, {
			name : '访问来源',
			type : 'pie',
			radius : ['40%', '55%'],
			center : ['50%', '55%'],
			data : [{
				value : 335,
				name : '测验'
			}, {
				value : 310,
				name : '讨论'
			}, {
				value : 234,
				name : '调查'
			}, {
				value : 135,
				name : '作业'
			}, {
				value : 1048,
				name : '评价'
			}, {
				value : 251,
				name : '互动资源'
			}, {
				value : 147,
				name : '图文'
			}, {
				value : 102,
				name : '视频'
			}, {
				value : 102,
				name : '文件'
			}, {
				value : 0,
				name : '文件夹'
			}]
		}]
	});
}

function setLearningThreeChart() {
	var myChart = echarts.init(document.getElementById('Learning_ThreeChart'));
	myChart.setOption({
		title : {
			text : '(作业)',

			textStyle : {
				fontSize : 14
			},
			bottom : 10,
			left : 'center'
		},
		tooltip : {
			trigger : 'item',
			formatter : function(data) {
				return "" + data.data.name + " <br/>" + '人数' + ": " + data.data.value + " (" + data.percent + "%)";
			},
		},
		legend : {
			icon : 'circle',
			orient : 'horizontal',
			borderRadius : [100, 50, 100, 50],
			weight : 30,
			itemWidth : 10,
			itemHeight : 10,
			itemGap : 20,
			
			data : ['通过', '驳回', '待审阅', '过期', '待提交']
		},
		series : [{
			name : '访问来源',
			type : 'pie',
			selectedMode : 'single',
			radius : [0, '30%'],
			center : ['50%', '45%'],
			label : {
				normal : {
					position : 'inner'
				}
			},
			labelLine : {
				normal : {
					show : false
				}
			},
			data : [{
				value : 335,
				name : '资源',
				selected : true
			}, {
				value : 679,
				name : '活动'
			}]
		}, {
			name : '资源',
			type : 'pie',
			center : ['50%', '45%'],
			radius : ['40%', '55%'],
//			label : {
//				normal : {
//					formatter : function(data) {
//						return '{a|' + data.data.product + '}{abg|}\n{hr|}\n  {b|' + data.data.name + '：} {span|' + data.data.value + '}'
//					},
//					backgroundColor : '#eee',
//					borderColor : '#aaa',
//					borderWidth : 1,
//					borderRadius : 4,
//					rich : {
//						a : {
//							color : '#999',
//							lineHeight : 16,
//							align : 'center'
//						},
//						hr : {
//							borderColor : '#aaa',
//							width : '100%',
//							borderWidth : 0.5,
//							height : 0
//						},
//						b : {
//							fontSize : 8,
//							padding : [3, 2, 3, -6],
//							lineHeight : 25
//						},
//						span : {
//							padding : [3, 4, 5, -6]
//						},
//						per : {
//							color : '#eee',
//							backgroundColor : '#334455',
//							padding : [1, 4],
//							//									borderRadius : 2
//						}
//					}
//				}
//			},
			data : [{
				value : 2,
				name : '通过',
				product : '提交'
			}, {
				value : 2,
				name : '驳回',
				product : '提交'
			}, {
				value : 1,
				name : '待审阅',
				product : '提交'
			}, {
				value : 0,
				name : '过期',
				product : '未提交'
			}, {
				value : 5,
				name : '待提交',
				product : '未提交'
			}]
		}]
	});
}